<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <link rel="shortcut icon" href="favicon.ico"/>
    <meta name="Description" content="Pragina Gong"/>
    <meta name="Keywords" content="Pragina Gong"/>
    <meta name="Author" content="praginagong.com"/>
    <link href="<?=bu();?>/css/style.css" rel="stylesheet" type="text/css"/>
    <meta name="robots" content="all"/>
    <meta name="robots" content="index, follow"/>
    <meta http-equiv="pragma" content="no-cache"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <title><?php echo CHtml::encode($this->pageTitle); ?></title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <link rel="stylesheet" href="<?=bu();?>/plugins/supersized/css/supersized.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="<?=bu();?>/plugins/supersized/theme/supersized.shutter.css" type="text/css"
          media="screen"/>
    <script type="text/javascript" src="<?=bu();?>/plugins/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="<?=bu();?>/plugins/supersized/js/jquery.easing.min.js"></script>
    <script type="text/javascript" src="<?=bu();?>/plugins/supersized/js/supersized.3.2.7.min.js"></script>
    <script type="text/javascript" src="<?=bu();?>/plugins/supersized/theme/supersized.shutter.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.ddm').find('li').hover(function () {
                        $(this).addClass("sfhover");
                    }, function () {
                        $(this).removeClass("sfhover");
                    });
        });
        jQuery(function ($) {
            $.supersized({

                // Functionality
                slideshow:   <?=$this->slideshow?>, // Slideshow on/off
                autoplay:    <?=$this->autoplay?>, // Slideshow starts playing automatically
                start_slide:   <?=$this->start_slide?>, // Start slide (0 is random)
                stop_loop:0, // Pauses slideshow on last slide
                random:0, // Randomize slide order (Ignores start slide)
                slide_interval:3000, // Length between transitions
                transition:6, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
                transition_speed:1000, // Speed of transition
                new_window:1, // Image links open in new window/tab
                pause_hover:0, // Pause slideshow on hover
                keyboard_nav:1, // Keyboard navigation on/off
                performance:1, // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
                image_protect:1, // Disables image dragging and right click with Javascript
                // Size & Position
                min_width:0, // Min width allowed (in pixels)
                min_height:0, // Min height allowed (in pixels)
                vertical_center:1, // Vertically center background
                horizontal_center:1, // Horizontally center background
                fit_always:0, // Image will never exceed browser width or height (Ignores min. dimensions)
                fit_portrait:0, // Portrait images will not exceed browser height
                fit_landscape:0, // Landscape images will not exceed browser width
                // Components
                slide_links:'false', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
                thumb_links:0, // Individual thumb links for each slide
                thumbnail_navigation:0, // Thumbnail navigation
                slides:[            // Slideshow Images
                <?echo $this->image;?>
                ],
                // Theme Options
                progress_bar:1, // Timer for each slide
                mouse_scrub:0

            });
        });
    </script>
</head>
<style type="text/css">
    ul#demo-block {
        margin: 0 15px 15px 15px;
    }

    ul#demo-block li {
        margin: 0 0 10px 0;
        padding: 10px;
        display: inline;
        float: left;
        clear: both;
        color: #aaa;
        background: url('img/bg-black.png');
        font: 11px Helvetica, Arial, sans-serif;
    }

    ul#demo-block li a {
        color: #eee;
        font-weight: bold;
    }
</style>
<!--header -->
<body class="bck1">
<?=$this->nav?>
<table cellpadding="0px" cellspacing="0px" border="0" align="center" width="923px" style="<?=$this->height?>">
    <tr>
        <td valign="top">
            <div style="position:relative">
                <div style="position:absolute;left:0px;top:0px">
                    <a href="<?=url('site/index')?>"><img src="<?=bu();?>/img/logo.png" border="0"/></a>
                </div>
                <div style="position:absolute;top:0px;left:198px;min-width:450px">
                <div style="float:left; ">
                    <?php $this->widget('ext.emenu.EMenu', array(
                    'id'=>'menuh',
                    'theme' => 'pragina',
                    'activateItems' => true,
                    'activeCssClass'=>'mitem-active',
                    'activateParents' => true,
                    //'upward'=>true,
                    'items' => CmsU::frontMenu(1),
                )); ?>
                </a>
                </div>
                   <div style="float:left;background: url(<?=bu();?>/img/bckmenu.png) repeat-x top center;width:102px;height:50px ">
                    <div  style="border-bottom: 2px dotted whitesmoke;height:20px">
                     <div style="float: left;padding: 2px 5px; ">
                     <a href="http://google.com" target="_blank"><img src="<?=bu();?>/img/google_ico.png" border="0"/></a>
                     </div>
                     <div style="float: left;padding: 2px 5px">
                     <a href="http://www.facebook.com/praginagong"><img src="<?=bu();?>/img/fb_ico.png" border="0"/></a>
                     </div>
                     <div style="float: left;padding: 2px 5px">
                     <a href="http://youtube.com" target="_blank"><img src="<?=bu();?>/img/youtube_ico.png" border="0"/></a>
                     </div>
                     <div style="float: left;padding: 2px 5px">
                     <a href="http://twitter.com/praginagong"><img src="<?=bu();?>/img/twitter_ico.png" border="0"/></a>
                     </div>
                    </div>
                    <div id="language-selector" style="float: right; margin:5px;font-family:helveticalroman;font-size:11px;font-weight: normal; ">
                        <?php
                        $this->widget('application.components.widgets.LanguageSelector');
                        ?>
                    </div>
                   </div>
            </div>
            <!--konten -->
            <?php echo $content; ?>
            <!--footer -->
        </td>
    </tr>
</table>
<div align="center" id="footer">
    Copyright 2012 &copy; www.praginagong.com<br/>
    <!--[if IE]>
    <div style="padding:6px;color:#fff;text-align:center;">Best Viewed on Mozilla Firefox</div>
    <![endif]-->
</div>
</body>
</html>

	



                      

